Split Table Cell

Split Table Cell (splits lunch schedule to the left and 1st to the right)

Breakfast/Lunch Periods
Breakfast Service(X)	Cafeteria:	Hallway:	Classroom:	# of Classes:
	Start Time	Finish Time	# Bkfst Served
Breakfast:	7:30AM	8:30AM	151
	Start Time	Finish Time	# Lunches Served	Grade
Lunch Schedule 1st	10:33 AM	11:03	311	9th
2nd	11:32 AM	12:02 PM		10th
3nd	12:02 PM	12:15 PM		Special Needs

SAMPLE CODE

<table border =1 width = 90%>
	
 <thead>
		
 <tr><th colspan = 5 align=center valign=bottom><h2>Breakfast/Lunch Periods</h2></th></tr>
 
 </thead>

<tr><td class = "heading">Breakfast Service(X)</td><td class = "heading">Cafeteria:</td><td class = "heading">Hallway:</td><td class = "heading">Classroom:</td><td class = "heading"># of Classes:</td></tr>
<tr><td class = "breakfastheading"></td><td class = "breakfastheading">Start Time</td><td class = "breakfastheading">Finish Time</td><td class = "breakfastheading"># Bkfst Served</td><td class = "breakfastheading"></td></tr>
<tr>
<td class = "static">Breakfast:</td>
<td class = "breakfastlunch">7:30AM</td>
<td class = "breakfastlunch">8:30AM</td>
<td class = "breakfastlunch">151</td>
<td class = "breakfastlunch"></td>
</tr>

<tr><td class = "lunchheading"></td><td class = "lunchheading">Start Time</td><td class = "lunchheading">Finish Time</td><td class = "lunchheading"># Lunches Served</td><td class = "lunchheading">Grade</td></tr>

<tr>

<td class = "static" style="background:red;>
  <div style="float:left;">Lunch Schedule </div>
  <div style="float:right;">1st</div>
</td>
                                    
<td class = "breakfastlunch">10:33 AM</td>
<td class = "breakfastlunch">11:03</td>
<td class = "breakfastlunch">311</td>
<td class = "breakfastlunch">9th</td>
</tr>

<tr>
<td class = "static" style="background:lightblue; text-align: right;" > 3nd</td>
<td class = "breakfastlunch">12:02 PM</td>
<td class = "breakfastlunch">12:15 PM</td>
<td class = "breakfastlunch"></td>
<td class = "breakfastlunch">Special Needs</td>
</tr>

</table>